【實驗】純Canvas實作小畫家物件化工具列

【純Canvas實作小畫家物件化工具列】 #實驗 #程式
.
備課中的範例，
嘗試從0開始用純粹的Canvas，
從繪製開始「模擬」出工具列跟按鈕，
.
https://codepen.io/frank890417/pen/ZxBEYJ
.
自製「元件」的類別繼承產生工具列跟按鈕，
按鈕再繼承產生顏色按鈕跟大小按鈕，自己定義元件繪製跟動作，
判斷點擊呼叫工具列的子按鈕跟呼叫對應按鈕功能，
也保留了擴充性，可以繼續繼承架構自動排列工具列跟新增功能
.
並逐步建構現代繪圖框架three.js等常見的scene->元件模式，
結果發現寫起來好花時間，可能還要再簡化
.
動畫互動網頁特效入門（JS/CANVAS）課程：
>> https://hahow.in/cr/monoame-webdesign2
.
IG: https://instagram.com/BossCodingplease
Youtube: https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA/

---